.login {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  //   背景图片
  .backdrop {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  //   登录卡片
  .register {
    width: 350px;
    height: 600px;
    position: absolute;
    right: 300px;
    top: 250px;
    .box-card {
      border: 1px #0c1b2e solid;
    }

    .headline {
      width: 100%;
      text-align: center;
      color: #fff;
      font-weight: 800;
      font-size: 16px;
    }
    .intercept-win{
      pointer-events: none;
    }
    .intercept {
      width: 100%;
      margin-top: 30px;
      position: relative;
      background-color: #fff;
     
      .move {
        width: 45px;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        text-align: center;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
      }
      .move-lose {
        background-color: #409eff;
      }
      .move-win {
        background-color: #52cdbd;
      }
      .plan {
        width: 0px;
        height: 36px;
        z-index: 5;
      }
      .plan-lose {
        border: 2px solid #409eff;
        background-color: rgba(64, 158, 255, 0.5);
      }
      .plan-win {
        border: 2px solid #52cdbd;
        background-color: rgba(82, 205, 189, 0.5);
      }
      .slide {
        width: 100%;
        height: 40px;
        text-align: center;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 40px;
        z-index: 3;
        font-weight:600 ;
      }
      .slide-lose{
        color: #4b4e51;
      }
      .slide-win{
        color: #52cdbd;
      }
    }
    .plan-box {
      width: 310px;
      background-color: #fff;
      position: absolute;
      left: 20px;
      top: 20px;
      border-radius: 5px;
      overflow: hidden;
      .verify-img {
        width: 310px;
        height: 200px;
      }
      .block {
        width: 50px;
        height: 50px;
        background-color: #fff;
        position: absolute;
        top: 0px;
        left: 0px;
      }
      .debris {
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        .debris-img {
          width: 310px;
          height: 200px;
          position: absolute;
          left: 0;
          top: 0;
        }
      }
    }
    .input-box {
      margin-top: 20px;
      .name {
        font-size: 14px;
        color: #c0c7cc;
        margin: 5px;
      }

      .input {
        width: 100%;
      }
    }
    .bnt {
      width: 100%;
      .enter {
        width: 300px;
        margin: 50px auto 20px;
        display: block;
      }
    }
  }
  .company-logo {
    position: absolute;
    top: 20px;
    left: 50px;
    height: 50px;
    .logo {
      width: 50px;
      margin: 8px 5px;
    }
    .company {
      font-size: 34px;
      font-weight: 800;
      color: #2196f3;
    }
  }
}
